<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/layout.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/mydate-new.js"></script>
<!--[if ie]><link href="css/ie.css" type="text/css" rel="stylesheet"><![endif]-->
<script type="text/javascript">
	$(function(){
		$.defUnit.contactBox();
		$("#contact_btn").click(function(){
			$.defUnit.contactBox.Defaults={
				acceptID:"accept"	
			}
			$.defUnit.popDiv({
				tcID:"contact"	
			});
				
		});		
	});
</script>
</head>

<body>
	<!-- head -->
    <div class="head mg clearfix">
    	<div class="logo">
    		<a href="#"><img src="images/common/logo.png" class="block" /></a>
        </div>
        <div class="head_name">
        	招生考试信息平台
        </div>
        <br class="clear" />
        <div class="menu_box">
        	 <div class="profile_info">
             	<span>欢迎您：管理员</span>
                <span class="tip"><a href="#">您有10条未读邮件</a></span>
             </div>
        	<ul class="clearfix">
            	<li>
                	<a href="javascript:void(0);">信息发布</a>
                </li>
                <li>
                	<a href="#">邮件</a>
                </li>
                <li>
                	<a href="#">短信</a>
                </li>
                <li>
                	<a href="#">系统管理</a>
                </li>
            </ul>
           
        </div>
    </div>
    <!-- head--end -->
    
    <!-- body -->
    <div class="content">
    	<div class="body_wrap clearfix">
            <div class="com_left">
            	<div class="com_pd_s1">
                	<div class="box_s2">
                    	<div class="title"><img src="images/other/icon_10.jpg" /><span>邮件发布</span></div>
                        <div class="content">
                        	<div class="p_upfile">
                                <form>
                                    <table class="form_info">
                                        <tr>
                                            <td width="87" class="col1">接收人：</td>
                                            <td><input type="text" class="def_txt_s1" id="accept" /><input type="hidden" id="detail_items" /><input type="button"  value="添加" class="def_btn_s1 ml20" id="contact_btn" /></td>
                                        </tr>
                                        <tr>
                                            <td width="87" class="col1">标题：</td>
                                            <td><input type="text" class="def_txt_s1" /></td>
                                        </tr>
                                        <tr>
                                            <td width="87" class="col1 vt">内容：</td>
                                            <td>
                                                <textarea class="def_ta"></textarea>
                                                <div class="operate">
                                                    <input type="button" value="发送" class="def_btn_s1" />
                                                    <div><input type="checkbox" /><span>受否短信通知</span></div>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                            <td >
                                                <ul class="attach_list">
                                                    <li>
                                                        <span>附件名称</span><a href="javascript:void(0);" class="cancl">取消</a>
                                                    </li>
                                                    <li>
                                                        <span>附件名称</span><a href="javascript:void(0);" class="cancl">取消</a>
                                                    </li>
                                                    <li>
                                                        <span>附件名称</span><a href="javascript:void(0);" class="cancl">取消</a>
                                                    </li>
                                                    <li>
                                                        <span>附件名称附件名称附件名称</span><a href="javascript:void(0);" class="cancl">取消</a>
                                                    </li>
                                                    <li>
                                                        <span>附件名称附件名称</span><a href="javascript:void(0);" class="cancl">取消</a>
                                                    </li>
                                                </ul>
                                            </td>
                                        </tr>
                                    </table>
                                </form>
                                <div class="add_attachment_wrap">
                                	<a href="javascript:void(0);" class="attachment">添加附件</a><input type="file" class="file_load" id="myFile" />
                                </div>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
            
            <!-- right -->
            <div class="com_right">
            	<div class="com_pd_s2">
                	<div class="box_s3">
                    	<div class="title">邮件</div>
                        <ul class="ope_list">
                        	<li>
                            	<a href="#">收件箱<i>(10)</i></a>
                            </li>
                            <li>
                            	<a href="#">写邮件</a>
                            </li>
                            <li>
                            	<a href="#">已发送</a>
                            </li>
                            <li>
                            	<a href="#">读邮件</a>
                            </li>
                        </ul>
                    </div>
                    
                    
                </div>
            </div>
            <!--right--end-->
            <br class="clear" />
        </div>
    </div>
    <!-- body--end-->
    
    <div class="blank50"></div>
    
    <div class="friend_link">
    	友情链接：<a href="#">上海教育</a><a href="#">上海招考热线</a><a href="#">黄埔教育</a><a href="#">黄浦区教育考试中心</a>
    </div>
    
    <!-- foot -->
    <div class="foot clearfix">
    	<img src="images/common/foot_bg.png" class="block" />
        <p class="foot_info">上海市黄浦区教育信息中心版权所有<br />Copyright&copy;2007<br />建议使用1024*768分辨率浏览<br />沪ICP备05005443</p>
    </div>
    <!-- foot--end-->
	<!-- contact -->
    <div class="contact_box" id="contact" style="display:none">
    	<div class="title">
        	<a href="#" class="contact_close">关闭</a>
        	<span>从通讯录中添加</span>
            
        </div>
        <div class="contact_content clearfix">
        	<div class="contact_list_box">
            	<span class="tip">通讯录</span>
                <div class="show_contact_list">
                	<ul class="c_show_list">
                    	<li>
                        	<a href="#" class="contact_sorts"><b class="fold_btn_1"></b><span>同事</span></a><a href="#" class="contact_sorts_nums">(<i>8</i>)</a>
                            <ul class="contact_child_list" style=" display:none;">
                            	<li><a href="#" csorts="csorts1" cid="c_id1">同事一</a></li>
                                <li><a href="#" csorts="csorts1" cid="c_id2">同事二</a></li>
                                <li><a href="#" csorts="csorts1" cid="c_id3">同事三</a></li>
                                <li><a href="#" csorts="csorts1" cid="c_id4">同事四</a></li>
                                <li><a href="#" csorts="csorts1" cid="c_id5">同事五</a></li>
                                <li><a href="#" csorts="csorts1" cid="c_id6">同事六</a></li>
                                <li><a href="#" csorts="csorts1" cid="c_id7">同事七</a></li>
                                <li><a href="#" csorts="csorts1" cid="c_id8">同事八</a></li>
                            </ul>
                        </li>
                        <li>
                        	<a href="#" class="contact_sorts"><b class="fold_btn_1"></b><span>同学</span></a><a href="#" class="contact_sorts_nums">(<i>5</i>)</a>
                            <ul class="contact_child_list" style=" display:none;">
                            	<li><a href="#" csorts="csorts2" cid="c_id9">同学一</a></li>
                                <li><a href="#" csorts="csorts2" cid="c_id10">同学二</a></li>
                                <li><a href="#" csorts="csorts2" cid="c_id11">同学三</a></li>
                                <li><a href="#" csorts="csorts2" cid="c_id12">同学四</a></li>
                                <li><a href="#" csorts="csorts2" cid="c_id13">同学五</a></li>
                            </ul>
                        </li>
                        <li>
                        	<a href="#" class="second_contact_sorts"><b class="fold_btn_1"></b><span>高中通讯录</span></a><a href="#" class="sencond_contact_sorts_nums">(<i>21</i>)</a>
                        	<ul class="second_sorts ml5" style="display:none;">
                            	<li>
                                	<a href="#" class="third_contact_sorts">校长</a><a href="#" class="third_contact_sorts_nums ml5">(<i>13</i>)</a>
                                    <ul class="third_sorts ml15" style="display:none;">
                                    	<li>
                                        	<a href="#" class="contact_sorts">分管招生</a><a href="#" class="contact_sorts_nums ml5">(<i>8</i>)</a>
                                            <ul class="contact_child_list" style=" display:none;">
                                                <li><a href="#" csorts="csorts1" cid="c_id1">同事一</a></li>
                                                <li><a href="#" csorts="csorts1" cid="c_id2">同事二</a></li>
                                                <li><a href="#" csorts="csorts1" cid="c_id3">同事三</a></li>
                                                <li><a href="#" csorts="csorts1" cid="c_id4">同事四</a></li>
                                                <li><a href="#" csorts="csorts1" cid="c_id5">同事五</a></li>
                                                <li><a href="#" csorts="csorts1" cid="c_id6">同事六</a></li>
                                                <li><a href="#" csorts="csorts1" cid="c_id7">同事七</a></li>
                                                <li><a href="#" csorts="csorts1" cid="c_id8">同事八</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                        	<a href="#" class="contact_sorts">分管毕业班</a><a href="#" class="contact_sorts_nums ml5">(<i>5</i>)</a>
                                            <ul class="contact_child_list" style=" display:none;">
                                                <li><a href="#" csorts="csorts2" cid="c_id9">同学一</a></li>
                                                <li><a href="#" csorts="csorts2" cid="c_id10">同学二</a></li>
                                                <li><a href="#" csorts="csorts2" cid="c_id11">同学三</a></li>
                                                <li><a href="#" csorts="csorts2" cid="c_id12">同学四</a></li>
                                                <li><a href="#" csorts="csorts2" cid="c_id13">同学五</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                        	<a href="#" class="contact_sorts">分管督导</a><a href="#" class="contact_sorts_nums ml5">(<i>0</i>)</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                	<a href="#" class="third_contact_sorts">教导主任</a><a href="#" class="third_contact_sorts_nums ml5">(<i>8</i>)</a>
                                    <ul class="third_sorts ml15" style="display:none;">
                                    	<li>
                                        	<a href="#" class="contact_sorts">总务部教导主任</a><a href="#" class="contact_sorts_nums ml5">(<i>5</i>)</a>
                                            <ul class="contact_child_list" style=" display:none;">
                                                <li><a href="#" csorts="csorts3" cid="c_id14">朋友一</a></li>
                                                <li><a href="#" csorts="csorts3" cid="c_id15">朋友二</a></li>
                                                <li><a href="#" csorts="csorts3" cid="c_id16">朋友三</a></li>
                                                <li><a href="#" csorts="csorts3" cid="c_id17">朋友四</a></li>
                                                <li><a href="#" csorts="csorts3" cid="c_id18">朋友五</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                        	<a href="#" class="contact_sorts">勤务部教导主任</a><a href="#" class="contact_sorts_nums ml5">(<i>3</i>)</a>
                                            <ul class="contact_child_list" style=" display:none;">
                                                <li><a href="#" csorts="csorts3" cid="c_id19">朋友六</a></li>
                                                <li><a href="#" csorts="csorts3" cid="c_id20">朋友七</a></li>
                                                <li><a href="#" csorts="csorts3" cid="c_id21">朋友八</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                        	<a href="#" class="contact_sorts">分管督导</a><a href="#" class="contact_sorts_nums ml5">(<i>0</i>)</a>
                                        </li>
                                    </ul>

                                </li>
                                <li>
                                	<a href="#" class="third_contact_sorts">教务员</a><a href="#" class="third_contact_sorts_nums ml5">(<i>0</i>)</a>
                                </li>
                            </ul>
                        	
                            
                        </li>
                    </ul>
                </div>
            </div>
            
            <span class="arrow">
            	
            </span>
            
            <div class="contact_list_box">
            	<span class="tip">添加到</span>
                <div class="show_contact_list">
                	<ul class="c_insert_list" id="accept_item">
                    	<!--
                    	<li>
                        	<span class="remove">[<a href="#">移除</a>]</span>
                        	<span class="name">同学一</span>
                            <a href="javascrpt:void(0);" sorts="csorts1" cid="c_id1" class="name">同学一</a>
                        </li>
                        -->
                    </ul>
                </div>
            </div>
        </div>
        <div class="contact_btn_box">
        	<a href="javascript:void(0);" class="c_btn" id="c_insure">确定</a><a href="javascript:void(0);" class="c_btn" id="c_cancl">取消</a>		
        </div>
    </div>
    <!-- contact--end-->
</body>
</html>
